// components/formTextarea1.js
Component({
  behaviors: ['wx://form-field'],
  /**
   * 组件的属性列表
   */
  properties: {
    propValue: String,
    propTitle: String,
    propId: String
  },

  /**
   * 组件的初始数据
   */
  data: {
    isShow: false,
    focus:false,
    disabled:true
  },

  /**
   * 组件的方法列表
   */
  methods: {
    //Textarea值改变
    formTextareaChange: function (e) {
      let that = this;
      //当Textarea值改变时候，存储组件value值
      var num = e.detail.value ;
      
      that.setData({
        propValue: num,
        value: num
      }) 
    },
    //Textarea失去焦点事件  Textarea隐藏  text显示
    formTextareablur: function () {
      let that = this;
      that.setData({
          disabled: true,  //不可用
          focus: false,     //Textarea失去焦点
          isShow: false    //Textarea隐藏
        })
    },

    //text点击  text隐藏 Textarea显示
    textTab: function(e){
      let that = this;    //一定要获取实例对象(统一)
      that.setData({
        isShow:true,      //Textarea显示
      })        
      setTimeout(function(){
        that.setData({
          disabled: false   //可用            
        })
        that.setData({
          focus: true      //Textarea获取焦点
        })
        console.log(that.data);
      }, 200)   //等待Textarea 组件渲染 然后获取焦点
    }

  }
})
